@import "reset";
@import "variables/global";

.body {
    font: var(--font-m);
    color: var(--primary-color);
}

.app,
.app_modal {
    font: var(--font-m);
    color: var(--primary-color);
}

.app {
    background: var(--bg-color);
    min-height: 100vh;
}

.content-page {
    display: flex;
    overflow: hidden;
    height: calc(100vh - var(--navbar-height));
}

*::-webkit-scrollbar {
    width: 8px;               /* ширина scrollbar */
    height: 8px;
}

*::-webkit-scrollbar-track {
    background: var(--bg-color);        /* цвет дорожки */
}

*::-webkit-scrollbar-thumb {
    background-color: var(--inverted-bg-color);    /* цвет плашки */
    border-radius: 3px;       /* закругления плашки */
    border: 1px solid var(--bg-color);  /* padding вокруг плашки */
}
